<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>联系我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
<div class="home">


    <div class="header  animated fadeIn">
        <div class="box">
            <div class="l">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="links">
                    <a href="./products.html">Catalogue</a>
                    <a href="./creative.html">Creative</a>
                    <a href="./about.html">About</a>
                    <a href="./contact.html" class="active">Contact</a>
                </div>
            </div>
            <div class="r">
                <a href="">CN/EN</a>
            </div>
        </div>
    </div>

    <div class="pheader">
        <div class="menu">
            <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                <img src="./images/logo.svg" alt="">
            </a>
            <div class="navbox">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
        </div>
    </div>
    <div class="menuList">
        <div class="item">
            <div class="tb">
                <a href="./products.html">Catalogue</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./creative.html" >Creative</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./about.html">About</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./contact.html">Contact</a>
            </div>
        </div>
    </div>

    <div class="cbg" aos="fade-right">
        <img src="./images/pbg2.png" alt="">
    </div>

    <div class="cbg2" aos="fade-left">
        <img src="./images/cbg2.png" alt="">
    </div>


        <div class="section1">
            <div class="title" aos="fade-up">Contact Us</div>
            <div class="content">
                <div class="l">
                    <div class="headline" aos="fade-up" aos-delay="100">
                        NINGBO YUNBANG COMMODITIES <br>
                        TECHNOLOGY CO.,LTD
                    </div>
                    <div class="message">
                        <div class="list" aos="fade-up" aos-delay="200">
                            <div class="img">
                                <img src="./images/i1.png" alt="">
                            </div>
                            <p>WeChat/WhatsApp: +86 13486448648</p>
                        </div>
                        <div class="list" aos="fade-up" aos-delay="300">
                            <div class="img">
                                <img src="./images/i2.png" alt="">
                            </div>
                            <p>Tel: +86 13486448648</p>
                        </div>
                        <div class="list" aos="fade-up" aos-delay="400">
                            <div class="img">
                                <img src="./images/i3.png" alt="">
                            </div>
                            <p>Fax: 86-574-62417222</p>
                        </div>
                        <div class="list" aos="fade-up" aos-delay="500">
                            <div class="img">
                                <img src="./images/i4.png" alt="">
                            </div>
                            <p>Email: 605109526@qq.com/hz970207@gmail.com</p>
                        </div>
                        <div class="list" aos="fade-up" aos-delay="600">
                            <div class="img">
                                <img src="./images/i5.png" alt="">
                            </div>
                            <p>www.yun-bang.cn</p>
                        </div>
                        <div class="list" aos="fade-up" aos-delay="700">
                            <div class="img">
                                <img src="./images/i6.png" alt="">
                            </div>
                            <p>https: //yunbangryp.en.alibaba.com</p>
                        </div>
                        <div class="list" aos="fade-up" aos-delay="800">
                            <div class="img">
                                <img src="./images/i7.png" alt="">
                            </div>
                            <p>
                                Add: No.77, Beixing Road, Mazhu Town, Yuyao <br>
                                City, Zhejiang Province, China	P.C: 315450
                            </p>
                        </div>
                    </div>
                    <div class="code" aos="fade-up" aos-delay="100">
                        <h1>Social Media</h1>
                        <div class="dis">
                            <div class="dis_list">
                                <img src="./images/code1.png" alt="">
                                <p>whatsapp</p>
                            </div>
                            <div class="dis_list">
                                <img src="./images/code2.png" alt="">
                                <p>wechat</p>
                            </div>
                            <div class="dis_list">
                                <img src="./images/code3.png" alt="">
                                <p>instagram</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r" aos="fade-up" aos-delay="500">
                    <div id="container"></div>
                </div>
            </div>
        </div>

        <div class="section2">
            <div class="title" aos="fade-up">Retention Form</div>
            <form action="" class="content">
                <div class="list" aos="fade-up" aos-delay="100">
                    <p>Name*</p>
                    <div class="bor">
                        <input type="text" required>
                    </div>
                </div>
                <div class="list Phone" aos="fade-up" aos-delay="200">
                    <p>Phone</p>
                    <div class="bor">
                        <div class="txt">
                            <input type="text" placeholder="+86">
                        </div>
                        <input type="text">
                    </div>
                </div>
                <div class="list" aos="fade-up" aos-delay="300">
                    <p>Email*</p>
                    <div class="bor">
                        <input type="text" required>
                    </div>
                </div>
                <div class="list textarea" aos="fade-up" aos-delay="400">
                    <p>comment*</p>
                    <div class="bor">
                        <textarea name="" id="" cols="30" rows="10" required></textarea>
                    </div>
                </div>
                <div aos="fade-up" aos-delay="450">
                    <button type="submit">Submit</button>
                </div>
            </form>
        </div>


        <div class="foot">
            <div class="dom1">
                <div class="item">
                    <p class="p1">Products</p>
                    <div class="aList">
                        <a href="">airless bottle series</a>
                        <a href="">lotion pump</a>
                        <a href="">Airless pump</a>
                        <a href="">sprayer pump</a>
                        <a href="">dropper</a>
                        <a href="">cream Jar series</a>
                        <a href="">Glass bottle series</a>
                    </div>
                </div>
                <div class="item">
                    <p class="p1">Creative Product</p>
                    <div class="aList">
                        <a href="">Surface treatment process</a>
                        <a href="">Product color matching</a>
                        <a href="">Design concept</a>
                    </div>
                </div>
                <div class="item">
                    <p class="p1">About Us</p>
                    <div class="aList">
                        <a href="">Profile</a>
                        <a href="">Culture</a>
                        <a href="">Workspace</a>
                        <a href="">Exhibition</a>
                    </div>
                </div>
                <div class="r">
                    <p class="p1">Contact</p>
                    <div class="des">
                        <p>Wechat/WhatsApp: +86 13486448648</p>
                        <p>Emali: 605109526@qq.com hz970207@gmail.com </p>
                        <p>Alibaba: https://yunbangryp.en.alibaba.com</p>
                    </div>
                    <div class="form">
                        <input type="text" placeholder="Enter Your Email">
                        <a href="">Subsribe</a>
                    </div>
                    <div class="icons">
                        <a href="https://www.facebook .com/profile.php?id=100062550642717&mibextid=LQQJ4d" target="_blank">
                            <img src="./images/f1.svg" alt="">
                        </a>
                        <a href="http://linkedin.com/in/noah-zhang-aba832204" target="_blank">
                            <img src="./images/f2.svg" alt="">
                        </a>
                        <a href="https://x.com/Noah_Hao7" target="_blank">
                            <img src="./images/f3.svg" alt="">
                        </a>
                        <a  href="https://www.instagram.com/noah_hao?igsh=eWNreTdrZ3phag%3D%3D&utm_source=qr" target="_blank">
                            <img src="./images/f4.svg" alt="">
                        </a>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    COPYRIGHT O 2024 LIGHTSPACE INTERNATIONAL AG.
                </div>
                <div class="r">
                    <a href="">Terms and Conditions Privocy Policy</a>
                </div>
            </div>
        </div>

</div>
<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/swiper.js"></script>
<script src="./js/gsap.min.js"></script>
<script src="./js/aos.js"></script>
<script src="./js/common.js"></script>
<script src="./js/countUp.js"></script>
<script src="https://webapi.amap.com/maps?v=2.0&key=40a7cdc93577084ae7fa5ac736351276"></script>
<script>
    var marker, map = new AMap.Map("container", {
        viewMode: '2D', // 默认使用 2D 模式，如果希望使用带有俯仰角的 3D 模式，请设置 viewMode: '3D'
        zoom: 19, // 初始化地图层级
        center: [121.068869,30.077822], // 初始化地图中心点
        zoomEnable:true
    });

    marker = new AMap.Marker({
        icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
        position: [121.068869,30.077822],
        offset: new AMap.Pixel(-13, -30)
    });
    marker.setMap(map);
</script>
</body>

</html>